<template>
    <div class="swiper-container">
        <swiper :options="swiperOption">
            <swiper-slide v-for="(slide,index) in swiperSlides" :key="index">
                <img :src="slide.picUrl" :alt="slide.id">
            </swiper-slide>
            <div class="swiper-pagination" slot="pagination"></div>
        </swiper>
    </div>
</template>

<script>
export default {
    data(){
        return {
            swiperOption:{
                pagination: {
                    el: '.swiper-pagination'
                },
                autoplay:3000,
                speed:1000
            },
        }
    },
    props:['swiperSlides']
}
</script>
<style lang="stylus">
    img
        height 100%
        width 100%
</style>


